/**
 * 全局样式
 * @author 刘白 & AI Assistant
 * @since 1.0.0
 */

// 重置样式
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

#app {
  height: 100%;
}

// 滚动条样式
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

// Element Plus 样式覆盖
.el-menu {
  border-right: none !important;
}

.el-menu-item,
.el-submenu__title {
  height: 50px !important;
  line-height: 50px !important;
}

// 通用工具类
.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.full-height {
  height: 100%;
}

.full-width {
  width: 100%;
}

// 间距工具类
.ml-8 { margin-left: 8px; }
.mr-8 { margin-right: 8px; }
.mt-8 { margin-top: 8px; }
.mb-8 { margin-bottom: 8px; }

.ml-16 { margin-left: 16px; }
.mr-16 { margin-right: 16px; }
.mt-16 { margin-top: 16px; }
.mb-16 { margin-bottom: 16px; }

.pl-8 { padding-left: 8px; }
.pr-8 { padding-right: 8px; }
.pt-8 { padding-top: 8px; }
.pb-8 { padding-bottom: 8px; }

.pl-16 { padding-left: 16px; }
.pr-16 { padding-right: 16px; }
.pt-16 { padding-top: 16px; }
.pb-16 { padding-bottom: 16px; } 